<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>视频页面</title>
    <link rel="stylesheet" href="./../Resources/plugins/layui/dist/css/layui.css">
    <link rel="stylesheet" href="./../Resources/css/common.css">
    <link rel="stylesheet" href="./../Resources/css/foot.css">
    <link rel="stylesheet" href="./../Resources/css/shipin.css">
</head>

<body class="layui-form" style="overflow: hidden;">
    <div class="layui-header ws-header">
        <div class="layui-container">
            <div class="ws-logo">
                <a class="logo" href="/">
                    <img src="./../Resources/img/logo.png" alt="layui">
                </a>
            </div>
        </div>
    </div>
    <div class="container" style="overflow: hidden;">
        <div class="next-list-container" style="overflow: hidden auto;">
            <div class="classify-right-scroll-item">
                <div class="classify-right-scroll-item-title">热销排行</div>
                <div class="classify-right-scroll-item-list-warp">
                    <div class="classify-right-scroll-item-list">
                        <div class="classify-right-scroll-item-list-img">
                            <div class="classify-right-scroll-item-list-img-icon">
                                <img
                                    src="https://img0.baidu.com/it/u=642303922,2954284084&amp;fm=253&amp;fmt=auto&amp;app=120&amp;f=JPEG?w=200&amp;h=200">
                            </div>
                        </div>
                        <div class="classify-right-scroll-item-list-text">斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包</div>
                    </div>
                    <div class="classify-right-scroll-item-list">
                        <div class="classify-right-scroll-item-list-img">
                            <div class="classify-right-scroll-item-list-img-icon">
                                <img
                                    src="https://img0.baidu.com/it/u=642303922,2954284084&amp;fm=253&amp;fmt=auto&amp;app=120&amp;f=JPEG?w=200&amp;h=200">
                            </div>
                        </div>
                        <div class="classify-right-scroll-item-list-text">斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包</div>
                    </div>
                    <div class="classify-right-scroll-item-list">
                        <div class="classify-right-scroll-item-list-img">
                            <div class="classify-right-scroll-item-list-img-icon">
                                <img
                                    src="https://layui.gitee.io/v2/themes/layuiAdmin/2.0/single/res/style/imgs/template/portrait.png">
                            </div>
                        </div>
                        <div class="classify-right-scroll-item-list-text">斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包</div>
                    </div>
                    <div class="classify-right-scroll-item-list">
                        <div class="classify-right-scroll-item-list-img">
                            <div class="classify-right-scroll-item-list-img-icon">
                                <img
                                    src="https://img0.baidu.com/it/u=642303922,2954284084&amp;fm=253&amp;fmt=auto&amp;app=120&amp;f=JPEG?w=200&amp;h=200">
                            </div>
                        </div>
                        <div class="classify-right-scroll-item-list-text">斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包</div>
                    </div>
                    <div class="classify-right-scroll-item-list">
                        <div class="classify-right-scroll-item-list-img">
                            <div class="classify-right-scroll-item-list-img-icon">
                                <img
                                    src="https://layui.gitee.io/v2/themes/layuiAdmin/2.0/single/res/style/imgs/template/portrait.png">
                            </div>
                        </div>
                        <div class="classify-right-scroll-item-list-text">斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包</div>
                    </div>
                </div>
            </div>
            <div class="classify-right-scroll-item">
                <div class="classify-right-scroll-item-title">热销排行</div>
                <div class="classify-right-scroll-item-list-warp">
                    <div class="classify-right-scroll-item-list">
                        <div class="classify-right-scroll-item-list-img">
                            <div class="classify-right-scroll-item-list-img-icon">
                                <img
                                    src="https://img0.baidu.com/it/u=642303922,2954284084&amp;fm=253&amp;fmt=auto&amp;app=120&amp;f=JPEG?w=200&amp;h=200">
                            </div>
                        </div>
                        <div class="classify-right-scroll-item-list-text">斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包</div>
                    </div>
                    <div class="classify-right-scroll-item-list">
                        <div class="classify-right-scroll-item-list-img">
                            <div class="classify-right-scroll-item-list-img-icon">
                                <img
                                    src="https://img0.baidu.com/it/u=642303922,2954284084&amp;fm=253&amp;fmt=auto&amp;app=120&amp;f=JPEG?w=200&amp;h=200">
                            </div>
                        </div>
                        <div class="classify-right-scroll-item-list-text">斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包</div>
                    </div>
                    <div class="classify-right-scroll-item-list">
                        <div class="classify-right-scroll-item-list-img">
                            <div class="classify-right-scroll-item-list-img-icon">
                                <img
                                    src="https://img0.baidu.com/it/u=642303922,2954284084&amp;fm=253&amp;fmt=auto&amp;app=120&amp;f=JPEG?w=200&amp;h=200">
                            </div>
                        </div>
                        <div class="classify-right-scroll-item-list-text">斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包</div>
                    </div>
                    <div class="classify-right-scroll-item-list">
                        <div class="classify-right-scroll-item-list-img">
                            <div class="classify-right-scroll-item-list-img-icon">
                                <img
                                    src="https://layui.gitee.io/v2/themes/layuiAdmin/2.0/single/res/style/imgs/template/portrait.png">
                            </div>
                        </div>
                        <div class="classify-right-scroll-item-list-text">斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包</div>
                    </div>
                    <div class="classify-right-scroll-item-list">
                        <div class="classify-right-scroll-item-list-img">
                            <div class="classify-right-scroll-item-list-img-icon">
                                <img
                                    src="https://img0.baidu.com/it/u=642303922,2954284084&amp;fm=253&amp;fmt=auto&amp;app=120&amp;f=JPEG?w=200&amp;h=200">
                            </div>
                        </div>
                        <div class="classify-right-scroll-item-list-text">斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包</div>
                    </div>
                    <div class="classify-right-scroll-item-list">
                        <div class="classify-right-scroll-item-list-img">
                            <div class="classify-right-scroll-item-list-img-icon">
                                <img
                                    src="https://layui.gitee.io/v2/themes/layuiAdmin/2.0/single/res/style/imgs/template/portrait.png">
                            </div>
                        </div>
                        <div class="classify-right-scroll-item-list-text">斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包</div>
                    </div>
                </div>
            </div>
            <div class="classify-right-scroll-item">
                <div class="classify-right-scroll-item-title">热销排行</div>
                <div class="classify-right-scroll-item-list-warp">
                    <div class="classify-right-scroll-item-list">
                        <div class="classify-right-scroll-item-list-img">
                            <div class="classify-right-scroll-item-list-img-icon">
                                <img
                                    src="https://img0.baidu.com/it/u=642303922,2954284084&amp;fm=253&amp;fmt=auto&amp;app=120&amp;f=JPEG?w=200&amp;h=200">
                            </div>
                        </div>
                        <div class="classify-right-scroll-item-list-text">斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包</div>
                    </div>
                    <div class="classify-right-scroll-item-list">
                        <div class="classify-right-scroll-item-list-img">
                            <div class="classify-right-scroll-item-list-img-icon">
                                <img
                                    src="https://img0.baidu.com/it/u=642303922,2954284084&amp;fm=253&amp;fmt=auto&amp;app=120&amp;f=JPEG?w=200&amp;h=200">
                            </div>
                        </div>
                        <div class="classify-right-scroll-item-list-text">斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包</div>
                    </div>
                    <div class="classify-right-scroll-item-list">
                        <div class="classify-right-scroll-item-list-img">
                            <div class="classify-right-scroll-item-list-img-icon">
                                <img
                                    src="https://img0.baidu.com/it/u=642303922,2954284084&amp;fm=253&amp;fmt=auto&amp;app=120&amp;f=JPEG?w=200&amp;h=200">
                            </div>
                        </div>
                        <div class="classify-right-scroll-item-list-text">斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包</div>
                    </div>
                    <div class="classify-right-scroll-item-list">
                        <div class="classify-right-scroll-item-list-img">
                            <div class="classify-right-scroll-item-list-img-icon">
                                <img
                                    src="https://layui.gitee.io/v2/themes/layuiAdmin/2.0/single/res/style/imgs/template/portrait.png">
                            </div>
                        </div>
                        <div class="classify-right-scroll-item-list-text">斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包</div>
                    </div>
                    <div class="classify-right-scroll-item-list">
                        <div class="classify-right-scroll-item-list-img">
                            <div class="classify-right-scroll-item-list-img-icon">
                                <img
                                    src="https://img0.baidu.com/it/u=642303922,2954284084&amp;fm=253&amp;fmt=auto&amp;app=120&amp;f=JPEG?w=200&amp;h=200">
                            </div>
                        </div>
                        <div class="classify-right-scroll-item-list-text">斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包</div>
                    </div>
                    <div class="classify-right-scroll-item-list">
                        <div class="classify-right-scroll-item-list-img">
                            <div class="classify-right-scroll-item-list-img-icon">
                                <img
                                    src="https://layui.gitee.io/v2/themes/layuiAdmin/2.0/single/res/style/imgs/template/portrait.png">
                            </div>
                        </div>
                        <div class="classify-right-scroll-item-list-text">斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包斜挎包</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-footer footer-menu clearfix">
        <div class="tabbar">
            <a href="lipinlist.html" class="tabbar-bd select">
                <i class="layui-icon layui-icon-gift"></i>
                <div class="icon-name">礼品</div>
            </a>
        </div>
        <div class="tabbar">
            <a href="#" class="tabbar-bd">
                <i class="layui-icon layui-icon-video"></i>
                <div class="icon-name">视频</div>
            </a>
        </div>
        <div class="tabbar">
            <a href="#" class="tabbar-bd">
                <i class="layui-icon layui-icon-cart"></i>
                <div class="icon-name">购物车</div>
                <div class="tabbar-reddot tabbar-badge">24</div>
            </a>
        </div>
        <div class="tabbar">
            <a href="myusercenter.html" class="tabbar-bd">
                <i class="layui-icon layui-icon-username"></i>
                <div class="icon-name">我的</div>
            </a>
        </div>
    </div>

    <script src="./../Resources/plugins/layui/dist/layui.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            // 初始化设置.next-list-container的高度
            $(".next-list-container").height($(window).height() - 130);
            // 监听窗口大小变动事件
            $(window).resize(function () {
                // 设置.next-list-container的高度为窗口高度
                $(".next-list-container").height($(window).height() - 130);
            });
        });

    </script>
</body>

</html>